<template>
  <div id="match">
      <div flex="nogrow" class="chose">
         <slot name="chose"></slot>
      </div>
      <slot name="content"></slot>
      <slot name="information" class="information">
        <!-- <span class="price">套餐价：{{price}}</span> 
        <span class="number">X{{number}}</span> -->
      </slot>
      
  </div>
</template>

<script>
export default {
  name: "match",
  data () {
      return {
          
      }
  },
  props:{
      // price:{
      //   type:String,
      //   default(){
      //     return '100'
      //   }
      // },
      // number:{
      //   type:String,
      //   default(){
      //     return '1'
      //   }
      // }
  }
};
</script>

<style>
#match {
  background-color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
}
#match .chose {
  align-self: center;
  padding-left: 0px;
}
#match .information{
  padding: 10px 10px 10px 50px;
  border-bottom: 1px solid rgba(0,0,0,.08)
}

</style>


